<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Catalog</title>
    <link rel="stylesheet" href="catalog.css">
</head>

<body>
    <div class="container">
        <div class="header">
            <div class="header-nav">
                <div class="header-wrapper">
                    <img src="../img/logo.png" alt="" class="logo">
                    <div class="navigation">
                        <a href="../index.html">
                            <div class="nav-item">MAIN</div>
                        </a>
                        <a href="../catalog/catalog.html">
                            <div class="nav-item">CATALOG</div>
                        </a>
                        <div class="nav-item">TAROT FEATURES</div>
                        <div class="nav-item">CONDITIONS OF SALE</div>
                        <div class="nav-item">quotes</div>
                        <a href="../basket/basket.html"><div class="nav-item">buy</div></a>
                    </div>
                    <div class="header-links">
                        <img src="../img/vk.png" alt="" class="link-item">
                        <img src="../img/telegram.png" alt="" class="link-item">
                    </div>
                </div>
            </div>
            <div class="header-content">
                <div class="main-text">CARD</div>
            </div>
        </div>

        <div class="footer">
            <div class="footer-group-1">
                <img src="../img/logo.png" alt="" class="footer-logo"></img>
                <div class="footer-nav">
                    <a href="../index.html">
                        <div class="nav-item">MAIN</div>
                    </a>
                    <a href="../catalog/catalog.html">
                        <div class="nav-item">CATALOG</div>
                    </a>
                    <div class="nav-item">TAROT FEATURES</div>
                    <div class="nav-item">CONDITIONS OF SALE</div>
                    <div class="nav-item">quotes</div>
                    <a href="../basket/basket.html"><div class="nav-item">buy</div></a>
                </div>
                <div class="footer-soc">
                    <img class="footer-soc-item" alt="" src="../img/telegram.png"></img>
                    <img class="footer-soc-item" alt="" src="../img/vk.png"></img>
                </div>
            </div>
            <div class="stick"></div>
            <div class="footer-group-2">
                <div class="footer-text copyright"> © 2018 Outpost Games, Inc. All Rights Reserved</div>
                <div class="footer-text">Privacy Policy | Terms of Services | Code of Conduct </div>
            </div>
        </div>
    </div>
    </div>
</body>

<script src="card.js"></script>

</html>

